<html>
    
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="pragma" content="no-cache" />
        <title>socket io</title>
        <link rel="stylesheet" type="text/css" href="css/default.css" />
        <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
        <link rel="stylesheet" type="text/css" href="css/fillcolor.css" />
        <link rel="stylesheet" type="text/css" href="css/video.css" />
        <script type="text/javascript">
            // 判断是否为手机访问
            function browserRedirect() {
                var sUserAgent = navigator.userAgent.toLowerCase();
                var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
                var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
                var bIsMidp = sUserAgent.match(/midp/i) == "midp";
                var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
                var bIsAndroid = sUserAgent.match(/android/i) == "android";
                var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
                var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
                var bIsWP = sUserAgent.match(/IEMobile/i) == "iemobile";
                if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM || bIsWP) {
                    location.href = "m.course_video.html";
                }
            }
            browserRedirect();
        </script>
    </head>
    
    <body id="jSouperApp">
        <div class="videobox" id="videobox">
            <video controls="controls" id="video" bind-src="{{$Cache_video.url}}"></video>
        </div>
        <div class="chatbox">
            <div class="title">{{$Cache_video.name}} ———— E learning System</div>
            <div class="box">{{#each $Cache_chat_msg_list}}
                <div class="msgitem {{chatid==$Top.loginer.id&&'focus'}}">
                    <div class="msg">{{#if type==2}}
                        <img bind-src="{{src}}" />{{#else}}
                        <div class="text">{{msg}}</div>{{/if}}
                        <div class="date">
                            <b>{{date+" "+name}}</b>
                        </div>
                    </div>
                </div>{{/each}}</div>
            <div class="replybox">
                <textarea bind-input="{{'$Cache_new_msg_text'}}" bind-value="{{$Cache_new_msg_text}}"></textarea>
                <div class="tool">
                    <i class="icon-baocun" event-click="{{'$Event.up_video_img'}}"></i>
                    <button event-click="{{'$Event.send_video_chat_msg'}}">发送</button>
                    <input event-change="{{'$Event.send_video_chat_img'}}" type="file" id="video_chat_img" style="display:none" />
                </div>
            </div>
        </div>
    </body>
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/js/lib/jquery.cookie.js"></script>
    <script src="js/owl/owl.carousel.js"></script>
    <link rel="stylesheet" href="js/owl/owl.carousel.css">
    <script src="js/vendor/jSouper.min.js"></script>
    <script src="js/vendor/routie.min.js"></script>
    <script type="text/javascript" src="/js/lib/myconfirm.js"></script>
    <script src="/js/lib/fileupload.js"></script>
    <script type="text/javascript" src="js/lib/socket.io.js"></script>
    <script type="text/javascript" src="js/fullcalendar/lib/moment.min.js"></script>
    <script type="text/javascript" src="/js/course_video.js"></script>

</html>